<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>三方共制的非处方药监管平台</title>
    <link href="../css/index.css" type="text/css" rel="stylesheet">
    <link href="../css/footer.css" type="text/css" rel="stylesheet">
    <link rel="stylesheet" href="../css/custom-pagination.min.css" /><!-- 1.引入css -->
    <link rel="stylesheet" href="../css/medicine.css">
    <script src="../webjars/jquery/3.4.1/jquery.min.js" type="text/javascript"></script>
    <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css"
          integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

    <!-- 可选的 Bootstrap 主题文件（一般不用引入） -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap-theme.min.css"
          integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">

    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"
            integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa"
            crossorigin="anonymous"></script>

    <script src="../js/medecine.js"></script>

</head>
<bod>

    <div class="menu"></div>

    <div class="medicine-body">
        <div class="medicine-top1">
            <div class="m-left-l">
                <div class="m-jia" onclick="gopage('jia')">
                    甲类
                </div>
                <div class="m-yi" onclick="gopage('yi')">
                    乙类
                </div>
            </div>
            <div class="m-images1">
                <img src="../images/medicine/medicine-01.png" alt="该图片不见了">
            </div>
            <div class="m-r">
                <div class="otc">OTC</div>
                <div>
                    <select id="check-search" name="check-search">
                        <option value="药品名称查询" selected="selected">乙类药品名称查询</option>
                        <option value="药品条形码查询">药品条形码查询</option>
                    </select>
                </div>
                <div class="m-s-d">
                    <input type="text" id="search-text" name="search-text" placeholder="请输入药品名称或条形码">
                    <img onclick="search(1)" src="../images/medicine/m-s.png">
                </div>
            </div>
        </div>
        <div style="clear: both;"></div>
        <div class="m-table">
            <table id="medicine-list" class="table table-striped" cellpadding="10">
                <tr>
                    <td class="m-table-title" colspan="4">常见乙类非处方药</td>
                </tr>
                <tbody class="m-table--tbody" id="medicinal-tbody">
                <tr>
                    <td onclick="query()" style="padding-left: 30px">阿司匹林片</td>
                    <td style="padding-left: 30px">维生素C颗粒剂</td>
                    <td style="padding-left: 30px">维生素C颗粒剂</td>
                    <td style="padding-left: 30px">维生素C颗粒剂</td>
                </tr>
                <tr>
                    <td style="padding-left: 30px">阿司匹林片</td>
                    <td style="padding-left: 30px">维生素C颗粒剂</td>
                    <td style="padding-left: 30px">维生素C颗粒剂</td>
                    <td style="padding-left: 30px">维生素C颗粒剂</td>
                </tr>
                <tr>
                    <td style="padding-left: 30px">阿司匹林片</td>
                    <td style="padding-left: 30px">维生素C颗粒剂</td>
                    <td style="padding-left: 30px">维生素C颗粒剂</td>
                    <td style="padding-left: 30px">维生素C颗粒剂</td>
                </tr>
                <tr>
                    <td style="padding-left: 30px">阿司匹林片</td>
                    <td style="padding-left: 30px">维生素C颗粒剂</td>
                    <td style="padding-left: 30px">维生素C颗粒剂</td>
                    <td style="padding-left: 30px">维生素C颗粒剂</td>
                </tr>
                <tr>
                    <td style="padding-left: 30px">阿司匹林片</td>
                    <td style="padding-left: 30px">维生素C颗粒剂</td>
                    <td style="padding-left: 30px">维生素C颗粒剂</td>
                    <td style="padding-left: 30px">维生素C颗粒剂</td>
                </tr>
                <tr>
                    <td style="padding-left: 30px">阿司匹林片</td>
                    <td style="padding-left: 30px">维生素C颗粒剂</td>
                    <td style="padding-left: 30px">维生素C颗粒剂</td>
                    <td style="padding-left: 30px">维生素C颗粒剂</td>
                </tr>
                <tr>
                    <td style="padding-left: 30px">阿司匹林片</td>
                    <td style="padding-left: 30px">维生素C颗粒剂</td>
                    <td style="padding-left: 30px">维生素C颗粒剂</td>
                    <td style="padding-left: 30px">维生素C颗粒剂</td>
                </tr>
                <tr>
                    <td style="padding-left: 30px">阿司匹林片</td>
                    <td style="padding-left: 30px">维生素C颗粒剂</td>
                    <td style="padding-left: 30px">维生素C颗粒剂</td>
                    <td style="padding-left: 30px">维生素C颗粒剂</td>
                </tr>
                </tbody>
                <tfoot>
                <tr>
                    <td class="m-table-foot" colspan="4">
                        <div>
                            <div id="page" class="page"></div>
                            <!--<button>下一页</button>
                            <button class="foot-l">返回</button>-->
                            <!-- 2.创建一个页码容器，设定宽度 -->
                            <script type="text/javascript" src="../js/custom-pagination.min.js"></script><!-- 3.引入js -->
                        </div>
                    </td>
                </tr>
                </tfoot>
            </table>
            <table style="display: none;width: 100%" id="medicine-xq" class="table table-striped">
                <tr>
                    <td class="m-table-title-xq" colspan="2">查询结果</td>
                </tr>
                <tbody class="m-table-tbody" id="medicinal-xq-tbody">
                <tr>
                    <td style="width: 18%;text-align: right;padding-right: 30px">药品名称</td>
                    <td style="padding-left: 30px" id="medicinal-name">龟龙中风丸</td>
                </tr>
                <tr>
                    <td style="width: 18%;text-align: right;padding-right: 30px">药品剂型</td>
                    <td style="padding-left: 30px" id="fromDrug">丸剂(水丸)</td>
                </tr>
                <tr>
                    <td style="width: 18%;text-align: right;padding-right: 30px">药品规格</td>
                    <td style="padding-left: 30px" id="medicinal-specs">每30丸重5g</td>
                </tr>
                <tr>
                    <td style="width: 18%;text-align: right;padding-right: 30px">适应症状</td>
                    <td style="padding-left: 30px" id="indication">用于儿童普通感冒或流行性感冒引起的发热，也用于缓解轻至中度疼痛如头痛、关节痛、偏头痛、牙痛、肌肉痛、神经痛。</td>
                </tr>

                <tr>
                    <td style="width: 18%;text-align: right;padding-right: 30px">使用禁忌</td>
                    <td style="padding-left: 30px" id="usetaboo">严重肝肾功能不全者禁用。</td>
                </tr>
                <tr>
                    <td style="width: 18%;text-align: right;padding-right: 30px">用法用量</td>
                    <td style="padding-left: 30px" id="dosageandadministration">口服，成人一次1粒，一日2次。</td>
                </tr>
                <tr>
                    <td style="width: 18%;text-align: right;padding-right: 30px">主要成分</td>
                    <td style="padding-left: 30px" id="basis">本品为复方制剂，每粒含盐酸雷尼替丁（以雷尼替丁计）100毫克、枸橼酸铋钾（以铋计）110毫克。辅料为。</td>
                </tr>
                <tr>
                    <td style="width: 18%;text-align: right;padding-right: 30px">药品批次</td>
                    <td style="padding-left: 30px" id="batch">第一批次</td>
                </tr>
                <tr>
                    <td style="width: 18%;text-align: right;padding-right: 30px">二维码或条形码</td>
                    <td style="padding-left: 30px" id="mark">86901343001160</td>
                </tr>
                <tr>
                    <td style="width: 18%;text-align: right;padding-right: 30px">备注</td>
                    <td style="padding-left: 30px" id="remark">1.牛奶和其他抗酸药可干扰本品作用，不能同时服用。
                        2.本品可影响四环素类的吸收，不能同时服用。
                        3.如与其他药物同时使用可能会发生药物相互作用，详情请咨询医师或药师。</td>
                </tr>
                </tbody>
                <tfoot>
                <tr>
                    <td class="m-table-foot" colspan="2">
                        <div id="fan">
                            <button onclick="fan()">返回</button>
                        </div>
                    </td>
                </tr>
                </tfoot>
            </table>

        </div>
    </div>
    <div style="clear: both;"></div>

    <!--尾部-->
    <div class="foot"></div>
    <script>
        $(function () {
            sessionStorage.setItem("p", "medicine-yi");
            $('.menu').load("./public/header.html");
            $('.foot').load('./public/footer.html');
        });
        //getNonPre('1');
        page1(1);
    </script>
</bod>
</html>
